<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<style>
    .header {
        box-shadow: 0ex;
        height: 60px;
    }
</style>
<body>

    <header class="header"></header>

        <div class="main">
        <div class="col-left">
            <div class="card card-0">
            
            </div>
        </div>
        
        <div class="col-right">
            <div class="card card-1">
            
            </div>
            <div class="card card-2">
            
            </div>
        </div>
        </div>
    <script>
        /* 
            如果version1 > version2，返回1；如果version1 < version2，返回-1，其他情况返回0。
                 版本号规则`x.y.z`，xyz均为大于等于0的整数，至少有x位。
                 示例：
                compareVersion('0.1', '1.1.1'); // 返回-1
                compareVersion('13.37', '1.2 '); // 返回1
                compareVersion('1.1', '1.1.0'); // 返回0

            function compareVersion (v1, v2) {
                答题
            }
        */
        // function compareVersion (v1, v2) {
        //     let new1 = v1.split(".")
        //     let new2 = v2.split(".")
        //     let MaxLength = Math.max(new1.length, new2.length)

        //     if(parseInt(new1.join("")) == parseInt(new2.join(""))) {
        //         return 0
        //     }

        //     for(let i=0; i<MaxLength; i++) {
        //         let num1 = parseInt(new1[i] )
        //         let num2 = parseInt(new2[i] )

        //         if(num1 != num2) {
        //             return num1 > num2 ? 1 : -1
        //         }
        //         if(new1.length == new2.length) {
        //             if(num1 > num2) {
        //                 return 1
        //             } else if(num1 < num2) {
        //                 return -1
        //             } 
        //         } else {
        //            let min = Math.min(new1.length, new2.length)
        //            if(new1.length == min) {
        //                new1.push("0")
        //            }
        //            if(new2.length == min) {
        //                new2.push("0")
        //            }
        //            let Num1 = parseInt(new1.join(""))
        //            let Num2 = parseInt(new1.join(""))
        //             return Num1 == Num2 && 0
        //         }
        //     }
        // }

        // console.log(compareVersion('0.1', '1.1.1')) // 返回-1
        // console.log(compareVersion('13.37', '1.2 ')) // 返回1
        // console.log(compareVersion('1.0.1', '1.0.0')) // 返回1
        // console.log(compareVersion('1.2.0', '1.0.0')) // 返回1   // 这一条 数据 出错了
        // console.log(compareVersion('1.1', '1.1.0')) // 返回0
        // console.log(compareVersion('1.1', '1.1')) // 返回0


        // const array = [{value: 6}, {value: 2}, {value: 3}, {value: 5}, {value: 2}, {value: 5}];

        // function multiple(array) {
        //     let newArr = []
        //     for(let i=0; i<array.length; i++) {
        //         newArr.push(array[i].value)
        //     }
        //     let newSet = [...new Set(newArr)]
        //     return newSet.reduce((a,b) => {
        //         return a*b
        //     })
        // }

        // console.log(multiple(array)); // 应该输出180


        /**给定一个数组例如[1,3,4,6,7] ，再给定一个目标数，例如9。 写一个算法找出两个数他们相加等于目标数，
         * 返回他们在数组中的位置。给出一个解即可，同一个数字不能使用2次。
         * 比如[1,3,4,6,7] 目标数为9，那么需要返回[1,3]。如果目标数为20，返回null。 **/

        // let arr = [1,3,4,6,7]
        // let target = 9
        // function foo(arr, num) {
        //     console.log("88")
        //     let list = []
        //     for(let i=0; i<arr.length; i++) {
        //        for(let j=0; j<arr.length; j++) {
        //            if(arr[j] == num - arr[i]) {
        //                list.push([i, j] )
        //            }
        //        }
        //     }
        //     return list.length > 0 ? list[0] : null
        // }

        // console.log(foo(arr, target))



        /*
            const data = [ 
                { id: '1000', name: '深圳', children: [ { id: '1001', name: '宝安', children: [] }, { id: '1002', name: '南山', children: [ { id: '1012', name: '粤海街道', children: [ { id: '1112', name: '阿里中心', children: [] }, { id: '1212', name: '深圳湾人才公园', children: [] } ] } ] } ] }, { id: '2000', name: '广州', children: [ { id: '2001', name: '越秀区', children: [ { id: '2011', name: '人民公园' } ] }, { id: '2002', name: '天河区', children: [] } ] } ];

            find(data, '1000') // => '深圳'
            find(data, '2001') // => '越秀区'
            find(data, '1012') // => '粤海街道'
            find(data, '1112') // => '阿里中心'
            find(data, '1222') // => '未找到'
        */

        // const data = [{ id: '1000', name: '深圳', children: [{ id: '1001', name: '宝安', children: [] }, { id: '1002', name: '南山', children: [{ id: '1012', name: '粤海街道', children: [{ id: '1112', name: '阿里中心', children: [] }, { id: '1212', name: '深圳湾人才公园', children: [] }] }] }] }, { id: '2000', name: '广州', children: [{ id: '2001', name: '越秀区', children: [{ id: '2011', name: '人民公园' }] }, { id: '2002', name: '天河区', children: [] }] }];

        // let name
        // let a
        // function findSum(arr, target) {
        //     if(arr.some(item => item.id == target)) {
        //         a = arr.find(item => item.id == target).name
        //     }else{

        //         arr.forEach(item => {
        //             if(item.children && item.children.length) {
        //                  return findSum(item.children, target)
        //             } else {

        //                 // a = '未找到'
        //             }
        //         }) 
        //     }
        //     return a  

            // for(let i=0; i<arr.length; i++) {
            //     // console.log(arr[i])
            //     if(arr[i].id == target) {
            //         console.log("***", arr[i].name)
            //         console.log(arr[i])
            //         name = arr[i].name
            //         return name
                    
            //     }
            //     if( Array.isArray(arr[i].children) ) {
            //        return findSum(arr[i].children, target)
            //     } else {
            //         // console.log("---", arr[i])
            //         // if(arr[i].id === target) {
            //         //     // console.log("***", arr[i].name)
            //         //     // return arr[i].name
            //         // }
            //     }
            // }
         
        // }

        // console.log(findSum(data, '1000'))   // => '深圳'
        // console.log( findSum(data, '2001') )  // => '越秀区'
        // console.log( findSum(data, '1012') )  // => '粤海街道'
        // console.log( findSum(data, '1112') )  // => '阿里中心'
        // console.log( findSum(data, '1222') )  // => '未找到'


        /*
            使用 HTML 和 CSS 写出一个页面，包含 顶部导航条、左侧信息区、右侧内容区，最终页面的效果如下：
            https://img.alicdn.com/imgextra/i2/O1CN011Li1wB1m0aIjWIsXT_!!6000000004892-0-tps-3640-1626.jpg
            请在 HTML 和 CSS 中补充内容

            注意：

            图片可以使用：https://dummyimage.com/200x200
            只考虑 Chrome PC
            笔试平台右侧的预览区有大小限制，仅作参考
        */
    </script>
</body>

</html>